<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JIMUU 积慕蛋糕</title>
    <link rel="stylesheet" href="/libs/swiper/css/swiper.min.css">
    <script src="/libs/swiper/js/swiper.min.js"></script>
    <script src="/libs/jquery-3.4.1.min.js"></script>
    <link rel="stylesheet" href="/css/index.css">
</head>
<body>  
   <!-- nav公共头部导航 -->
   <header></header>
    <!-- banner轮播图 -->
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="./images/1.jpg" alt=""></div>
            <div class="swiper-slide"><img src="./images/2.jpg" alt=""></div>
            <div class="swiper-slide"><img src="./images/3.jpg" alt=""></div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>
    </div>
    <!-- cen -->
    <div class="cen">
        <div class="wrap">
            <div class="list">
                <div class="sales">    
                    <h3>人气推介 HOT SALES</h3> 
                </div>
                <div class="show">
                        <ul class="show-list" id="categoryList">
                                                     
                        </ul>   
                        <script type="text/html" id="showBuy">
                            {{each list cate}}
                            <li class="tupian">
                                <a href="/detils.html?id={{cate.id}}">
                                    <img src="{{cate.src}}" alt="">                               
                                </a>                         
                            </li>
                            {{/each}}
                        </script>                           
                </div>
            </div>
            <div class="listBuy">
                <div class="minglu">    
                    <h3>蛋糕名录 CAKE LIST</h3> 
                </div>
                <div class="cake">
                        <ul class="cake-list" id="cakeList">
                                                     
                        </ul>   
                        <script type="text/html" id="cakeTemplate">
                            {{each list item}}
                            <li class="cakeTu">
                                <a href="/detils.html?id={{item.id}}">
                                    <img src="{{item.src}}" alt="">                               
                                </a>                         
                            </li>
                            {{/each}}
                        </script>                           
                </div>
            </div>
            <div class="new">
                <div class="xinxi">
                    <h3>最新动态 WHAT'S MEW</h3>
                       <a href="">更多>></a>
                </div>      
                <div class="new-s">
                    <div class="nlist">
                        <div class="nlist_r">
                            <img src="/images/n1.jpg" alt="">
                            <span>
                                <h3><a href="">抢先拥有这颗蜜桃搬的心</a></h3>
                                <p><a href="">粉红桃子奶油夹心的冰凉<br>
                                     会让你找到心安理得虚度夏天的借口</a></p>
                            </span>       
                        </div>
                        <div class="nlist_l">
                            <img src="/images/n2.jpg" alt="">
                            <span>
                                <h3><a href="">约等于无糖的，青春</a></h3>
                                <p><a href="">“好像所有的青春故事都一定在夏天<br>
                                     没完没了的夏天</a></p>
                            </span>       
                        </div>
                    </div>
                </div>        
            </div> 
        </div>
    </div>
       
    <!-- footer -->
   <footer></footer>
   <script src="/libs/require/require.min.js" data-main="js/index"></script>
</body>
</html>

